<link rel="stylesheet" href="./css/header.css">
<link rel="stylesheet" href="./css/iconfont/iconfont.css">

<div id="top">
    <!-- 36 -->
    <div class="center">

        <!-- 156 18 -->
        <div class="app-header-left">
            <a href="index.html">OPPO 官网</a>
            <a href="index.html">一加官网</a>
        </div>

        <!-- 370 18 -->
        <div class="app-header-right">
            <a href="index.html">下载 OPPO 商城 App</a>
            <a href="./login.html"><span class="icon iconfont icon-yonghu-xianxing"></span><span id="user-info">登录</span></a>
            <a href="./register.html" id="user-tag">注册</a>
            <a href="cart.html"><span class="icon iconfont icon-gouwuchekong"></span>
                <span>购物车</span>
                <span id="cart-num">(0)</span>
            </a>
        </div>
        <div class="erweima">
            <div class="item">
                <img src="./img/erweima.webp">
                <p>扫码下载OPPO商城App</p>
            </div>
        </div>
    </div>
</div>

<div id="nav">

    <div class="center">


        <h1 class="logo">
            <a href="index.html">
                <img src="./img/logo.png" alt="OPPO商城">
            </a>
        </h1>


        <ul class="topic-wrap">
            <li class="topics"><a href="./goodsList.html">OPPO专区</a></li>
            <li class="topics"><a>OnePlus专区</a></li>
            <li class="topics"><a>realme专区</a></li>
            <li class="topics"><a>智能硬件</a></li>
            <li class="topics"><a>潮流好物</a></li>
            <li class="topics"><a>服务</a></li>

        </ul>

        <div class="zhanwei"></div>
        <div class="search">
            <input id="input-click" type="text" placeholder="OPPO  Reno7">
            <img src="./img/1a74504.svg" alt="">
        </div>

    </div>
</div>
<div class="search-big">

    <div class="header">

        <div class="center">
            <div class="logo"><img src="./img/logo.png" alt=""></div>

            <div class="close">
                X
            </div>
        </div>



    </div>

    <section class="main">
        <div class="center">
            <div class="find">
                <input type="text" placeholder="OPPO Reno7">
                <span>搜索</span>
            </div>

            <div class="keyworld">
                <div class="title">搜索发现</div>
                <div class="key">
                    <span>OPPO Reno7</span>
                    <span>OPPO Find X3</span>
                    <span>一加 9 Pro</span>
                </div>
            </div>
        </div>
    </section>
</div>
<script src="./js/jquery.cookie-1.4.1.min.js"></script>
<script src="./js/header.js"></script>
